<script lang="ts">
import {defineComponent, reactive, toRefs} from "vue";
import {} from "@/request/api";
import {InitData} from "@/type/active";

export default defineComponent({
  setup() {
    const data = reactive(new InitData())


    return {
      ...toRefs(data),
    }
  }
})
</script>

<template>
  <div class="active-list-view">
    <!-- 查询表单 -->
    <el-form :inline="true" :model="selectData" class="demo-form-inline">
      <el-form-item label="活动名称">
        <el-input v-model="selectData.name" placeholder="请输入活动名称" clearable/>
      </el-form-item>

      <el-form-item label="活动类型">
        <el-select v-model="selectData.type" placeholder="请选择活动类型" clearable>
          <el-option label="全部" value="all" />
          <el-option label="劳动实践" value="labor_practice" />
          <el-option label="创新创业" value="innovation_entrepreneurship" />
          <el-option label="思想成长" value="ideological_growth" />
          <el-option label="社会实践" value="social_practice" />
          <el-option label="文艺体育" value="arts_sports" />
          <el-option label="志愿公益" value="volunteer_public_benefit" />
          <el-option label="工作履历" value="work_experience" />
          <el-option label="技能特长" value="skill_specialty" />
        </el-select>
      </el-form-item>

      <el-form-item label="活动范围">
        <el-select v-model="selectData.scope" placeholder="请选择活动范围" clearable>
          <el-option label="全部" value="all" />
          <el-option label="院级" value="institute" />
          <el-option label="班级" value="class" />
        </el-select>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="onSubmit">查询</el-button>
        <el-button @click="resetForm">重置</el-button>
      </el-form-item>
    </el-form>

  </div>

</template>


<style scoped lang="scss">
.demo-form-inline .el-input,
.demo-form-inline .el-select {
  width: 200px;
}
.el-pagination {
  margin-top: 20px;
  text-align: center;
}
</style>